@charset "utf-8";

/*  Reset */
*{margin: 0; padding: 0;box-sizing: border-box;}
html { background: #FFF; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
body, button, input, select, textarea { font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma; }
input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: inherit; }
fieldset, img { border: 0; }
iframe { display: block; }
abbr, acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a:link { color: #666; }
a:hover { color: #333; text-decoration: none; }
ins, a { text-decoration: none; }
code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; }
.yibuFrameContent { }
/* Function */
.f-clearfix:after { clear: both; display: block; height: 0; font-size: 0; content: " "; visibility: hidden; }
.f-clearfix { zoom: 1; /* for IE6 IE7 */ }
.f-clear { height: 0; overflow: hidden; clear: both; }

.f-hide { display: none; }

.f-left, .f-right { display: inline; }
.f-left { float: left; }
.f-right { float: right; }

.f-text_overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.f-mt10 { margin-top: 10px; }
.f-mt20 { margin-top: 20px; }
.f-p20{padding: 20px;}


/* 单行文字溢出时出现省略号，需设定宽度 */
.f-text_overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.renderfullScreen { position: absolute; z-index: 1; height: 100%; }

/* Select */
.select { position: relative; padding: 0 0 0 10px; width: 78px; height: 23px; line-height: 23px; border: 1px solid #E0E0E0; background: #F9F9F9 url(../images/select_bg.gif) no-repeat 66px center; text-align: left; font-size: 12px; color: #444; cursor: pointer; }

ul.select_list { position: absolute; top: 22px; left: -1px; z-index: 1000; display: none; padding: 0; width: 88px; border: 1px solid #E0E0E0; border-top: none; background: #F9F9F9; }
ul.select_list li { display: block; padding: 0 0 0 10px; line-height: 25px; text-align: left; font-size: 12px; color: #999; }
ul.select_list li:hover { background: #E0E0E0; color: #333; }

body{background-color: #cccccc;}
.w1200{width: 1200px; margin: 0 auto;}

.top{font-size: 16px;padding: 10px 0;background-color: #e6e6e6;border-top: 10px solid #49b576;}
.header{background-color: #000;height: 50px;line-height: 50px;margin-bottom: 20px;}
.header .logo{font-size: 24px;font-weight: bold;color: #fff;margin-right: 50px;}
.header .nav li{float: left;width: 150px;text-align: center;position: relative;}
.header .nav li a{display: block;width: 100%;height: 100%;color: #fff;font-size: 16px;}
.header .nav li>a:hover{color: #49b576;}
.header .nav li dl{position: absolute;left: 50%;transform: translateX(-50%);top: 50px;width: 200px;background-color: #999;z-index: 9999;display: none;}
.header .nav li dl a{font-size: 14px;}
.header .nav li dl a:hover{background-color: #CACFD2;}
.header .nav li:hover dl{display: block;}

.header .search input{width: 133px;height: 36px;line-height: 36px;border: 0; outline: 0;padding-left: 10px;border: 1px solid #CCC;font-size: 14px;}
.header .search button{width: 62px;height: 36px;line-height: 1;font-size: 14px;color: #fff;background-color: #e95a4c;border: 0; outline: 0;border: 1px solid #aaa;}
.header .search button:hover{background-color: #f1b35c;}

.main{background-color: #ccc;}
.main .left{width: 840px;}
.main .right{width: 340px;}
.main .left .banner{width: 100%;height: 260px;position: relative;}

.itit{width: 100%;padding-bottom: 10px;margin-bottom: 10px; border-bottom: 1px solid #CCC;color: #000;height: 40px;}
.itit h2{font-size: 20px;font-weight: bold;}
.itit p{font-size: 16px;}

.igd{background-color: #fbe9e6;height: 206px;}

.newslist{background-color: #f2f2f2;height: 536px;}
.newslist .item{padding-bottom: 10px;margin-bottom: 10px;min-height: 80px;border-bottom: 1px dotted #ddd; position: relative;display: block;box-sizing: content-box;}
.newslist .item .img{width: 100px;height: 80px;overflow: hidden;position: absolute;top: 0;left: 0;}
.newslist .item .img img{width: 100px; height: 80px; object-fit: cover; -webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.newslist .item:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.newslist .item .txt{padding-left: 14px;width: 100%;padding-left: 115px;}
.newslist .item .txt h2{font-size: 16px;line-height: 20px;color: #333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist .item .txt p{margin-top: 5px;max-height: 36px;line-height: 18px;color: #999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.newslist .item .txt .bottom{font-size: 12px;color: #999;}
.newslist .item:hover .txt h2{color: #49b576;}
.newslist .item.nopic .txt{padding-left: 0;}

.more{width: 100px;height: 30px;text-align: center;line-height: 30px;font-size: 14px;background-color: #49b576;color: #fff!important;margin: 20px auto 0;display: block;border-radius: 3px;transition: .3s;}
.more:hover{background-color: #348857;}

.downlist{background-color: #f2f2f2;height: 430px;}
.downlist .item{padding: 10px 0;margin-bottom: 10px;min-height: 40px;border-bottom: 1px dotted #ddd; position: relative;display: block;box-sizing: content-box;}
.downlist .item .img img{width: 40px;height: 40px;}
.downlist .item .txt{padding-left: 50px;width: 100%;}
.downlist .item .txt h2{font-size: 16px;line-height: 20px;color: #333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.downlist .item .txt .bottom,.downlist .item .txt h2 span{font-size: 12px;color: #999;}

.imy{height: 260px;background-color: #333;color: #fff;}
.imy .itit{padding-bottom: 0;border: 0;color: #fff;line-height: 1;height: auto;}
.imy p{font-size: 16px;}

.ibztj,.izs,.ifw{background-color: #F4F4F4;}
.ibztj{height: 594px;}
.ibztj .itit,.izs .itit,.ifw .itit{text-align: center;}

.ibztj li{height: 36px;line-height: 36px;border-bottom: 1px solid #CCC;position: relative;}
.ibztj li a{margin-left: 16px;color: #333333;font-size: 16px;height: 36px;line-height: 36px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ibztj li i.noiconfont {margin:-1px 8px 0 0px;position:absolute;top:50%;left:0;display:inline-block;width:3px;height:3px;overflow:hidden;background-color:#666;}

.izs{width: 100%;height: 480px;position: relative;}

.ifw{background-color: #c2e1f5;font-size: 14px;height: 405px;}

.icase{background-color: #fff;font-size: 16px;}
.icase .con{height:1595px;overflow-y: scroll;}

.foot{background-color: #000;color: #bfbfbf;padding: 20px 0;margin-top: 20px;border-top: 10px solid #49b576;}
.foot .img{width: 120px;text-align: center;font-size: 16px;margin-right: 50px;}
.foot .txt{width: 860px;}
.foot .txt span{font-size: 20px;color: #49b576;margin-bottom: 10px;font-weight: bold;}
.foot .txt p,.foot .txt p a{font-size: 16px;color: inherit;}

.about{padding: 30px 100px;background-color: #F4F4F4;line-height: 1.5;}
.about.about{padding: 30px 100px;}

.clist{padding: 30px 100px;background-color: #F4F4F4;}
.clist .itit{border-bottom: 3px solid #999;padding-bottom: 15px;margin-bottom: 15px;}
.clist .item{padding-bottom: 15px;margin-bottom: 15px;min-height: 80px;border-bottom: 1px dotted #ddd; display: block;box-sizing: content-box;}
.clist .item h2{font-size: 16px;line-height: 35px;color: #333;}
.clist .item .con{position: relative;min-height: 80px;}
.clist .item .con .img{width: 120px;height: 80px;overflow: hidden;position: absolute;top: 0;left: 0;}
.clist .item .con img{width: 120px; height: 80px; object-fit: cover; -webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.clist .item:hover .con .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.clist .item .con .txt{padding-left: 14px;width: 100%;padding-left: 135px;}
.clist .item .con .txt p{max-height: 44px;line-height: 18px;font-size: 14px;line-height: 22px;color: #999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.clist .item .con .txt .bottom{font-size: 12px;color: #999;position:absolute;bottom: 0;box-sizing: border-box; width: calc(100% - 135px);}
.clist .item:hover h2{color: #49b576;}
.clist .item.nopic .txt{padding-left: 0;}
.clist .item.nopic .con .txt .bottom{width: 100%;}

.pagebar{display: table;margin: 0 auto;padding: 12px 0px 20px;}
.pagebar a{display: inline-block;width: 32px;height: 32px;border: 1px solid #ddd;background-color: #fff;color: #666;border-radius: 3px;text-align: center;line-height: 30px;margin: 0 3px;transition: .3s;}
.pagebar a.page{width: unset;padding: 0 10px;}
.pagebar a:hover,.pagebar a.page-num-current{background-color: #eee;border-color: #ccc;}

.news{padding: 30px 100px;background-color: #fff;}
.news .tt{border-bottom: 1px solid #999;margin-bottom: 30px;padding-bottom: 15px;}
.news .tt span{text-align: center;display: block;}
.news .tt span:first-child{font-size: 20px;font-weight: bold;color: #333;}
.news .con{font-size: 16px;line-height: 1.5;}

.down{background-color: #fff;}
.down .tt{width: 152px;border-right: 1px solid #CCC;}
.down .tt a{display: block;width: 100%;height: 109px;line-height: 100px;font-size: 14px;background-color: #F9F9F9;border-bottom: 1px solid #CCC;text-align: center;color: #333;}
.down .tt a:last-child{border: 0;}
.down a.cur{background-color: #fff;background-image: url(../images/tab.png);background-repeat: no-repeat;background-position: right center;color: #41A1F2;}
.down .dlist{width: 1048px;padding: 30px 30px 0;}
.down .dlist .downlist{background-color: #fff;margin-bottom: 20px;}

.pa{font-size: 14px;margin-top: 30px;}
.pa a{color: #000;}
.pa a:hover{color: #49b576;}

.comment{background-color: #fff;}
.comment .content h3{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.comment .content textarea{width: 100%;height: 100px;border: 0;outline: 0;border: 1px solid #dfdfdf;padding: 10px;margin-bottom: 10px;}
.comment .content input{border: 0;outline: 0;border: 1px solid #dfdfdf;padding: 10px;float: left;}
.comment .content img.codeimg{height: 40px;margin-left: 5px;}
.comment .content button{border: 0;outline: 0;display: block;float: right;height: 40px;width: 150px;color: #fff;background-color: #49b576;border-radius: 3px;}
.comment .content button:hover{background-color: #348857;}

.comment .content h4{font-size: 16px;color: #333;margin-top: 30px;line-height: 40px;border-bottom: 1px solid #dedede;}
.comment .content .media{padding-top: 16px;border-bottom: 1px dotted #d9d9d9;}
.comment .content .media .media-user{padding-right: 14px;width: 53px;float: left;overflow: hidden;box-sizing: content-box;}
.comment .content .media .media-user img{width: 53px;height: 53px;border-radius: 50%;border: 1px solid #ebebeb;}
.comment .content .media .media-body{overflow: hidden;word-break: break-all;word-wrap: break-word;}
.comment .content .media .media-body h6{font-size: 12px;color: #999;}
.comment .content .media .media-body p{padding: 8px 0;color: #333;font-size: 14px;}
.comment .content .media .media-body small{font-size: 12px;color: #999;padding-bottom: 16px;display: block;}

.comment .content .media.media-sub{border-top:1px dashed #dee2e6 !important;border-bottom: 0;}

#reply{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.212);}
#reply .modal-dialog{width: 500px;height: 300px;background-color: #fff;margin: 0 auto;margin-top: 10%;border-radius: 5px;padding:15px;}
#reply .modal-dialog .modal-header{position: relative;}
#reply .modal-dialog .modal-header .modal-title{font-size: 16px;color: #333;}
#reply .modal-dialog .modal-header span{position: absolute;right: 0;font-size: 30px;top: -10px;line-height: 1;}

#reply .modal-dialog .modal-body textarea{width: 100%;height: 100px;border: 0;outline: 0;border: 1px solid #dfdfdf;padding: 10px;margin-bottom: 10px;resize: none;}
#reply .modal-dialog .modal-body input{border: 0;outline: 0;border: 1px solid #dfdfdf;padding: 10px;float: left;}
#reply .modal-dialog .modal-body img.codeimg{height: 40px;margin-left: 5px;}
#reply .modal-dialog .modal-footer{margin-top: 20px;}
#reply .modal-dialog .modal-footer button{border: 0;outline: 0;display: block;float: right;height: 30px;width: 100px;color: #fff;background-color: #49b576;border-radius: 3px;margin-left: 10px;}
#reply .modal-dialog .modal-footer button:hover{background-color: #348857;}
#reply .modal-dialog .modal-footer button.btn-secondary{background-color: #5a6268;}
#reply .modal-dialog .modal-footer button.btn-secondary:hover{background-color: #313335;}
.replybtn{cursor: pointer;}


.side {position: fixed;width: 62px;right: 0;top: 50%;z-index: 100;}
.side li{width: 100%;height: 62px;border-radius: 50%;background-color: #49b576;color: #fff;font-size: 24px;line-height: 62px; position: relative;text-align: center;}
.side li .son{position: absolute;left: 62px;top: 0;z-index: -1;display: block;width: 220px;height: 62px;background-color: #49b576;color: #fff;     animation: fadein 1s;font-size: 14px;text-align: left;padding-left: 20px;}
.side li .son a{color: #fff;}
.side li:hover .son{left: unset;right: 62px;}

@keyframes fadein{from{opacity:0}
to{opacity:1}
}